/*------------------------------------------------- 图片切换-------------------------------------------------*/
/*无标题 焦点带按钮-----height:135px;*/
.slideBox{ width:100%; height:135px; overflow:hidden; position:relative; /*border:1px solid #ddd;*/  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;color:#fff;  width:14px; height:14px; line-height:14px; text-align:center; background:#ff5e5a; cursor:pointer; }
.slideBox .hd ul li.on{ background:#da0101; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li a{display:block;height:135px;width:100%;position:relative;}
.slideBox .bd img{ width:100%; height:100%; display:block;  position:absolute;}
.slideBox .bd span{display:none;position:absolute; bottom:0px; background:#ee0000; filter:alpha(opacity=75);opacity:0.75; width:100%; height:30px; line-height:30px; color:#fff; padding-left:8px;}
/*前/后按钮*/
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:55%; margin-top:-25px; display:block; width:32px; height:32px; background:url(../images/slider-arrow.png) -110px 0px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.slideBox .next{ left:auto; right:3%; background-position:8px 0px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}

/*带标题 带按钮-----height:150px;*/
.slideBox1{ width:100%; height:150px; overflow:hidden; position:relative; /*border:1px solid #ddd;*/  }
.slideBox1 .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; display:none;}
.slideBox1 .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox1 .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:15px; text-align:center; background:#fff; cursor:pointer; }
.slideBox1 .hd ul li.on{ background:#f00; color:#fff; }
.slideBox1 .bd{ position:relative; height:100%; z-index:0;}
.slideBox1 .bd li{ zoom:1; vertical-align:middle; }
.slideBox1 .bd li a{ height:150px;width:100%;position:relative;display:block;}
.slideBox1 .bd img{ width:100%; height:100%; display:block;  position:absolute;}
.slideBox1 .bd span{position:absolute; bottom:0px; background:#ee0000; filter:alpha(opacity=65);opacity:0.65; width:100%; height:30px; line-height:30px; color:#fff; padding-left:8px;}
/*按钮*/
.slideBox1 .prev,
.slideBox1 .next{ position:absolute; left:86%; top:104%; margin-top:-25px; display:block; width:11px; height:11px; background:url(../images/slider-arrow.png) 0px -32px no-repeat; filter:alpha(opacity=100);opacity:1;}
.slideBox1 .next{ left:auto; right:3%; background-position:-13px -32px;}
.slideBox1 .prev:hover,
.slideBox1 .next:hover{ filter:alpha(opacity=75);opacity:0.75;}
.slideBox1 .prevStop{ display:none;}
.slideBox1 .nextStop{ display:none;}

/*有标题 焦点带按钮-----height:150px;*/
.slideBox2{ width:100%; height:150px; overflow:hidden; position:relative; /*border:1px solid #ddd;*/  }
.slideBox2 .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1;}
.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox2 .hd ul li{ float:left; margin-right:2px;  width:14px; height:14px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox2 .hd ul li.on{ background:#f00; color:#fff; }
.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox2 .bd li{ zoom:1; vertical-align:middle; }
.slideBox2 .bd img{ width:100%; height:150px; display:block;  position:absolute;}
.slideBox2 .bd span{position:absolute; bottom:0px; background:#000000; filter:alpha(opacity=75);opacity:0.75; width:100%; height:30px; line-height:30px; color:#fff; padding-left:8px;}
/*前/后按钮*/
.slideBox2 .prev,
.slideBox2 .next{ position:absolute; left:3%; top:55%; margin-top:-25px; display:block; width:32px; height:32px; background:url(../images/slider-arrow.png) -110px 0px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.slideBox2 .next{ left:auto; right:3%; background-position:8px 0px; }
.slideBox2 .prev:hover,
.slideBox2 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox2 .prevStop{ display:none;}
.slideBox2 .nextStop{ display:none;}